<!doctype html>
<html lang="en">
  <head>
    <%= htmlWebpackPlugin.options.tags.head %>
    <!-- 页面css -->
    <link rel="stylesheet" href="./css/articleDetailHtml.css" />
  </head>

  <body>
    <div class="page">
      <header class="page-header">
        <div class="page-header-nav fixed transparent text-white">
          <div class="header-nav-left">
            <span class="glyphicon glyphicon-menu-left nav-back-btn" onclick="router.back()"></span>
          </div>
        </div>
        <!-- video -->
        <div class="margin-0 padding-0">
          <iframe class="border-none" width="100%" height="210px" src="//player.bilibili.com/player.html?isOutside=true&aid=113254445683846&bvid=BV14o1RYpEx3&cid=26152472027&p=1"></iframe>
        </div>
      </header>

      <!-- 内容主体 -->
      <main class="page-main">
        <div class="flex-column padding-10 bg-regular">
          <h2 class="font-size-big font-weight-bold padding-0 margin-top-10 margin-bottom-20">Rest in Paece! liverpool Fan in Italy For UCl match dies incrash</h2>

          <div class="justify-between margin-bottom-20">
            <div class="flex-1 width-0 align-center white-space-nowrap margin-right-10 font-size-min">
              <img class="width-height-20 margin-right-10" src="./images/ball_park.png" alt="" srcset="" />
              <div class="text-ellipsis margin-right-10">Alxe</div>
              <span class="text-color-secondary">2024-04-01 12:25</span>
            </div>
            <div class="text-color-secondary eye-icon">
              <span class="font-size-s">1210</span>
            </div>
          </div>

          <!-- article detail -->
          <div class="flex-column">
            <div class="article-detail-html">
              Real Madrid starlet Endrick Felipe enjoyed a dream Champions League debut at the Santiago Bernabeu, scoring just 15 minutes after coming on for Jude Bellingham, and putting the icing on
              the cake of a 3-1 win. While the shot was powerful, his decision-making was the talking point. Manager Carlo Ancelotti told the press that Endrick ‘had balls’ after he neglected to feed
              either of Kylian Mbappe or Vinicius Junior to his left and right, instead striking the ball, and getting some fortune that Alexander Nubel’s hand was not strong enough to keep it out.
              Kylian Mbappe could even be seen raising his arms in confusion that Endrick took the shot. ‘Bobby’, as Antonio Rudiger referred to him, referencing his Bobby Charlton-inspired nickname,
              was lucky it went well, otherwise there would have been a ‘big problem in the German’s eyes. “Endrick is crazy. He did something that nobody would do, but I am very happy for him and I
              understand the joy he must be going through,” Rodrygo Goes told MD of his compatriot. “It is a move that we do with Rudiger in training and it worked out well.” Meanwhile Thibaut
              Courtois, who won man of the match for his seven saves, was much less diplomatic. “If he misses, I kill him,” he laughed. “He has a very good shot, he has a lot of quality and
              personality. If he doesn’t give it to Vini or Bellingham and he scores, everyone will be quiet.” Endrick has enjoyed a solid start to the season, scoring on his home debut in La Liga and
              in Europe now, despite not having started a match. The 18-year-old has plenty of competition for minutes up front, but has demonstrated just how useful he can be, despite only seeing 20
              minutes of action across his five appearances, not including stoppage time.
            </div>

            <div class="text-color-secondary font-size-min margin-top-15">* This news is edited and uploaded by the user. If there is any infringement, please contact the website to delete it!</div>

            <div class="flex flex-wrap flex-gap-10 margin-top-20">
              <a class="padding-y-5 padding-x-15 radius-huge border-base" href="tagDetail.html">Rudiger</a>
              <a class="padding-y-5 padding-x-15 radius-huge border-base" href="tagDetail.html">Mbappe</a>
            </div>
          </div>

          <!-- Related -->
          <div class="flex-column">
            <div class="margin-top-20 margin-bottom-10">Related:</div>
            <div class="flex-column"><%= htmlWebpackPlugin.options.tags.teamPlayerRelated %></div>
          </div>
        </div>

        <!-- Latest comments -->
        <div class="lex-column padding-10 bg-regular margin-top-10">
          <div class="flex-column">
            <div class="font-weight-bold margin-bottom-20">Latest comments</div>
            <div class="flex-column">
              <div class="flex-column border-bottom-base margin-bottom-15">
                <div class="justify-between align-end">
                  <div class="flex">
                    <img class="width-height-30 margin-right-10" src="./images/ball_park.png" alt="" srcset="" />
                    <div class="flex-column">
                      <div class="font-size-min">Alxe</div>
                      <span class="text-color-secondary font-size-s">Today 16:32</span>
                    </div>
                  </div>
                  <div class="align-center text-color-secondary">
                    <div class="align-center margin-right-20">
                      <img class="width-height-15" src="./images/message_icon.png" alt="" srcset="" />
                      <span class="margin-left-5">0</span>
                    </div>
                    <div class="align-center">
                      <img class="width-height-15" src="./images/thumbs_up.png" alt="" srcset="" />
                      <span class="margin-left-5">0</span>
                    </div>
                  </div>
                </div>

                <a href="newsDetail.html" class="font-size-s margin-top-10 margin-bottom-15">
                  “If he misses, I kill him,” he laughed. “He has a very good shot, he has a lot of quality and personality. If he doesn’t give it to Vini or Bellingham and he scores, everyone will be
                  quiet.”
                </a>
              </div>

              <div class="flex-column border-bottom-base margin-bottom-15">
                <div class="justify-between align-end">
                  <div class="flex">
                    <img class="width-height-30 margin-right-10" src="./images/ball_park.png" alt="" srcset="" />

                    <div class="flex-column">
                      <span class="font-size-min">Alxe</span>
                      <span class="text-color-secondary font-size-s">Today 16:32</span>
                    </div>
                  </div>
                  <div class="align-center text-color-secondary">
                    <div class="align-center margin-right-20">
                      <img class="width-height-15" src="./images/message_icon.png" alt="" srcset="" />
                      <span class="margin-left-5">0</span>
                    </div>
                    <div class="align-center">
                      <img class="width-height-15" src="./images/thumbs_up_.png" alt="" srcset="" />
                      <span class="margin-left-5">1</span>
                    </div>
                  </div>
                </div>

                <a href="newsDetail.html" class="font-size-s margin-top-10 margin-bottom-15">
                  “If he misses, I kill him,” he laughed. “He has a very good shot, he has a lot of quality and personality. If he doesn’t give it to Vini or Bellingham and he scores, everyone will be
                  quiet.”
                </a>
              </div>
            </div>
          </div>
        </div>
      </main>

      <footer class="page-footer">
        <div class="padding-10 bg-regular justify-between align-center box-shadow-top">
          <a class="flex-1 bg-primary radius-huge padding-10 margin-right-10 text-color-secondary" href="editReply.html">Add a comment</a>

          <div class="flex flex-gap-10">
            <div class="position-relative">
              <img class="width-height-20" src="./images/message_icon.png" alt="" srcset="" />
              <span class="tag-badge">9</span>
            </div>
            <div class="position-relative">
              <img class="width-height-20" src="./images/star_icon_.png" alt="" srcset="" />
            </div>
            <div class="position-relative">
              <img class="width-height-20" src="./images/share_icon.png" alt="" srcset="" />
            </div>
          </div>
        </div>
      </footer>
    </div>

    <%= htmlWebpackPlugin.options.tags.foot %>
  </body>
</html>
